<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8" />
    <meta http-equiv="X-UA-Compatible" content="IE=edge" />
    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
    <title>Document</title>
</head>

<body class="page-home df fdc">
    <!-- 主要内容 -->
    <main class="main f1 ">
        <!-- 轮播图部分 -->
        <div class="swiper-container">
            <div class="swiper-wrapper">
                <div class="swiper-slide"><img src="../../assets/imgs/index-swiper-bg1.jpg" alt=""></div>
                <div class="swiper-slide"><img src="../../assets/imgs/index-swiper-bg2.jpg" alt=""></div>
                <div class="swiper-slide"><img src="../../assets/imgs/index-swiper-bg3.jpg" alt=""></div>
            </div>
            <!-- 如果需要分页器 -->
            <div class="swiper-pagination"></div>
        </div>

        <!-- shang'pin部分 -->
        <section class="shop">
            <!-- 第一排 -->
            <div class="one df jcsb wrap">
                <!-- 今日排名 -->
                <div class="today">
                    <h3>今日排名</h3>
                    <p id="rankNo"></p>
                </div>
                <!-- 累计打卡 -->
                <div class="daka">

                    <h3> 累计打卡 <span id="clockDay"></span> 天</h3>
                    <p>
                        <a href="#" id="clock">今日打卡</a>
                    </p>
                </div>
            </div>
            <!-- 第二排 -->
            <div class="two df jcsb wrap">
                <!-- 运动数据 -->
                <div class="motion">
                    <h4>运动数据</h4>
                </div>
                <!-- 累计运动徽章 -->
                <div class="badges">
                    <h3>累计运动徽章</h3>
                    <p><span id="badge"></span> <span class="danWei">枚</span></p>
                </div>
            </div>
            <!-- 课程训练 -->
            <div class="class wrap">
                <h4>课程训练</h4>
            </div>
            <!-- 户外跑步 -->
            <div class="outdoor wrap">
                <h4>户外跑步</h4>
            </div>
        </section>


    </main>
    <!-- 尾部 -->
    <!-- <footer class="foot fn df jcsb wrap">
        <a href="./home.html" class="df fdc active"><span class="iconfont icon-shouye"></span><span>首页</span></a>
        <a href="./sports.html" class="df fdc"><span class="iconfont icon-shouye1"></span><span>运动</span></a>
        <a href="./circle.html" class="df fdc"><span class="iconfont icon-quanzi"></span><span>圈子</span></a>
        <a href="./mine.html" class="df fdc"><span class="iconfont icon-wode"></span><span>我的</span></a>
    </footer> -->
</body>

</html>